import classnames from '@/utils/classnames';
import { Icon, NavBar, Toast } from 'antd-mobile';
import { history } from 'umi';
import styles from './my.less';
import { ReactComponent as Qrcode } from '@/icons/qrcode.svg';
import { useState } from 'react';

export default function MyPage() {
  const [count, setCount] = useState(0);

  function navBarGoBack() {
    history.goBack();
  }

  return (
    <>
      <div className={classnames('', styles.page)}>
        {/* <div>
                    <img src="" />
                    <div>

                    </div>
                </div> */}

        <div className={classnames(styles.cells, styles['page__hd'])}>
          <div className={classnames(styles.cell, styles['cell_access'])}>
            <div className={styles['cell__hd']}>
              <img src={require('@/images/avatar.jpg')} />
            </div>
            <div className={styles['cell__bd']}>
              小布衣
              <div className={styles['cell-brief']}>
                微信号：gh_aab2c4e9a42d
              </div>
            </div>
            <div
              className={styles['cell__ft']}
              onClick={() => history.push('/my-detail')}
            >
              <Qrcode width={22} height={22} />
            </div>
          </div>
        </div>

        <div className={styles.cells}>
          <div className={classnames(styles.cell, styles['cell_access'])}>
            <div className={styles['cell__bd']}>关注我的人（{count}）</div>
            <div className={styles['cell__ft']}></div>
          </div>
        </div>

        <div className={styles.cells}>
          <div className={classnames(styles.cell, styles['cell_access'])}>
            <div className={styles['cell__bd']}>历史图文素材</div>
            <div className={styles['cell__ft']}></div>
          </div>
          <div className={classnames(styles.cell, styles['cell_access'])}>
            <div className={styles['cell__bd']}>传图片到素材库</div>
            <div className={styles['cell__ft']}></div>
          </div>
        </div>

        <div className={styles.cells}>
          <div className={classnames(styles.cell, styles['cell_access'])}>
            <div className={styles['cell__bd']}>通知</div>
            <div className={styles['cell__ft']}></div>
          </div>
          <div
            className={classnames(styles.cell, styles['cell_access'])}
            onClick={() => history.push('/setting')}
          >
            <div className={styles['cell__bd']}>设置</div>
            <div className={styles['cell__ft']}></div>
          </div>
        </div>
      </div>
    </>
  );
}
